<script setup>
// Logo组件
</script>

<template>
    <div class="logo-container">
        <div class="heart-icon">
            <svg width="80" height="80" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" clip-rule="evenodd"
                    d="M100 190C149.706 190 190 149.706 190 100C190 50.2944 149.706 10 100 10C50.2944 10 10 50.2944 10 100C10 149.706 50.2944 190 100 190ZM100 200C155.228 200 200 155.228 200 100C200 44.7715 155.228 0 100 0C44.7715 0 0 44.7715 0 100C0 155.228 44.7715 200 100 200Z"
                    fill="white" />
                <path d="M40 100H70L80 70L105 130L120 100H160" stroke="white" stroke-width="10" />
            </svg>
        </div>
    </div>
</template>

<style scoped>
.logo-container {
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
}

.heart-icon {
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: pulse 1.5s ease-in-out infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}
</style>